/*
  学习目标：函数式组件的创建和使用

*/

import React from 'react';
import ReactDOM from 'react-dom';

// 1. 声明组件
// 💥 组件名必须以大写开头
function Hello() {
  // 💥 组件需要返回一段html(JSX), 如果不需要渲染任何内容, 返回一个null
  return <h1>hello React</h1>;
  // return null;
}

const divNode = (
  <>
    {/* 2. 使用组件 */}
    <Hello></Hello>
    {/* 💥 组件对大小写敏感, 小写组件名报错 */}
    {/* <hello></hello> */}

    {/* {hello()} */}
  </>
);

ReactDOM.render(divNode, document.getElementById('root'));
